// style js

// gamestart
$(".car").css({
  "height":0.14*winH,
  "width":0.14*winH*199/169,
  "top":0.438*winH,
  "margin-left":-0.14*winH*199/169/2
})
$(".startGo").css({
  "height":0.217*winH,
  "width":0.217*winH*510/262,
  "top":0.655*winH,
  "margin-left":-0.217*winH*510/262/2
})

// car_introduce
$(".car_list").css({
  "margin-top":0.113*winH
})
$(".car_list_sub").css({
  "height":$(".car_list_sub").width()
})
$(".car_list_wrap").css({
  "height":$(".car_list_sub").width()*233/248,
  "width":$(".car_list_sub").width()*233/248,
  "margin-left":-$(".car_list_sub").width()*233/248/2,
  "margin-top":-$(".car_list_sub").width()*233/248/2,
})

$(".operation_wrap").css({
  "top":0.645*winH
})
$(".button_game").css({
  "width":0.161*winH,
  "height":0.161*winH
})
$(".operation_wrap2").css({
  "margin-top":0.044*winH
})


//popup
$(".gameOverMain").css({
  "width":0.454*winH,
  "height":0.375*winH,
  "top":0.184*winH,
  "margin-left":-0.454*winH/2
})
$(".gameOverOperation").css({
  "width":0.458*winH,
  "margin-left":-0.458*winH/2,
  "top":0.687*winH
})

//
$(".infomSubmitMain").css({
  "width":0.454*winH,
  "height":0.414*winH,
  "top":0.184*winH,
  "margin-left":-0.454*winH/2
})
$(".button_submit_pos").css({
  "top":0.69*winH,
  "margin-left":"-3rem"
})

//password_wrap
$(".password_wrap").css({
  "width":0.475*winH,
  "margin-left":-0.475*winH/2,
  "top":0.111*winH
})
$(".password_showImg").css({
  "height":0.385*winH
})
$(".password_showImgFrame").css({
  "width":0.62*winH,
  "height":0.505*winH,
  "left":$(".password_showImg").width()/2-0.645*winH/2,
  "top":$(".password_showImg").height()/2-0.478*winH/2
})

//
$(".rulerMain").css({
  "width":0.499*winH,
  "height":0.689*winH,
  "margin-left":-0.499*winH/2,
  "top":0.09*winH
})
$(".button_iKnow_pos").css({
  "top":0.861*winH,
  "margin-left":-$(".button_iKnow_pos").width()/2
})
$(".rule_sub").css({
  "width":$(".rulerMain").width(),
})
$(".rule_content").css({
  "width":($(".rulerMain").width()+30)*($(".rule_sub").length),
})
$(".icon_dur").css({
  "width":0.043*winH,
  "height":0.088*winH,
  "margin-top":-0.088*winH/2
})
$(".icon_left").css({
  "left":-0.043*winH
})
$(".icon_right").css({
  "right":-0.043*winH
})


// 
$(".rankingMain").css({
  "height":0.514*winH,
  "width":0.499*winH,
  "margin-left":-0.499*winH/2,
  "top":0.163*winH
})
$(".ranking_sub").css({
  "width":$(".rankingMain").width(),
})
$(".ranking_content").css({
  "width":($(".rankingMain").width()+30)*($(".ranking_sub").length),
})
$(".ranking_list").css({
  "width":0.41*winH,
})
for(var i=0;i<3;i++){
  $(".list_sub").eq(i).children(".s1").children(".number").html(" ").addClass("number_"+(i+1));
  $(".list_sub").eq(i).css({
    "color":"#ffc740"
  })
}
$(".ranking_operation").css({
  "top":0.7*winH,
  "width":0.472*winH,
  "margin-left":-0.472*winH/2
})

//
$(".button_charge").css({
  "width":0.233*winH,
  "height":0.106*winH,
  "margin-left":-0.223*winH/2,
  "bottom":0.124*winH
})
$(".Energy").css({
  "top":0.124*winH
})
$(".button_charge2").css({
  "width":0.297*winH,
  "height":0.172*winH,
  "left":($(".button_charge").width()-0.296*winH)/2,
  "top":($(".button_charge").height()-0.173*winH)/2
})